<section id="main">
	<div class="row-fluid">
		<div class="span12">
			
			<ul class="breadcrumbs">
				<li><?php echo $this->Html->link('Audience by Technology', '/pages/dashboard-technology', array('class' => 'crumb')); ?></li> | 
				<li><?php echo $this->Html->link('Audience by Location', '/pages/dashboard-location', array('class' => 'crumb')); ?></li> | 
				<li><?php echo $this->Html->link('Audience in Realtime', '/pages/world-map', array('class' => 'crumb')); ?> </li> | 
					<li><?php echo $this->Html->link('Audience Hub', '/channels', array('class' => 'crumb')); ?> </li> 			</ul>
			<hr class="main">
		</div>
	</div>
	<div class="container-fluid">
	<div class="row-fluid">
	<div class="span12">
	<div class="box bordered">
	<div class="box inner white">
		<div class="row-fluid padded10">
			<div class="section-title"><i class="icon-group icon-large"></i>Audience Analysis</div>
			<div class="span4 left-center"> <br>
				<div class="stat-box dark-blue"> <i class="icon-group icon-large"></i> <span class="count">4,712,004</span> <span class="stat-text">Audience </span> <span class="stat-text-medium">Growth Rate +15%</span> </div>
			</div>
			<div class="center">
				<div class="percent-stat"> <span class="percent"> %</span>
					<input type="text" value="51" data-min="0" data-max="100" class="circle-stat yellow">
					<span class="indicator">New Users</span> </div>
				<div class="percent-stat"> <span class="percent"> %</span>
					<input type="text" value="63" data-min="0" data-max="100" class="circle-stat green">
					<span class="indicator">Returning User</span> </div>
				<div class="percent-stat"> <span class="percent"> %</span>
					<input type="text" value="68" data-min="0" data-max="100" class="circle-stat green">
					<span class="indicator">Profiles</span> </div>


			</div>
		</div>
	</div>
			<div class="vpadded">
	<div class="container-fluid">
	<div class="row-fluid">
	<div class="span12">
	<div class="box bordered">
		<div class="box inner white">
			<div class="row-fluid padded12">
				<div class="section-title">Quick Statistics</div>
				<div class="row-fluid">
					<div class="span7">
						<div class="padded">
							<div class="section-title">How is Your Audience Trending?</div>
							<div class="chart" id="site-visits" style="width: 100%; height: 330px;"></div>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span5">
							<div class="padded">
								<div class="section-title">What is Driving Your Traffic?</div>
								<ul class="audience-alt">
									<li>
										<div class="icon">
											<div class="big-label gray text-inverse"> <i class="icon-search"></i> </div>
										</div>
										<div class="value">5,422</div>
										<div class="stat-name">Web Search</div>
										<div class="percent">(+30%)</div>
										<div class="progress-bar audience-progress">
											<div class="progress progress-dark-blue">
												<div class="bar" style="width: 30%"></div>
											</div>
										</div>
									</li>
									<li>
										<div class="icon">
											<div class="big-label gray text-inverse"> <i class="icon-star"></i> </div>
										</div>
										<div class="value">4,951</div>
										<div class="stat-name">Campaigns</div>
										<div class="percent">(+61%)</div>
										<div class="progress-bar audience-progress">
											<div class="progress progress-dark-blue">
												<div class="bar" style="width: 61%"></div>
											</div>
										</div>
									</li>
									<li>
										<div class="icon">
											<div class="big-label gray text-inverse"> <i class="icon-eye-open"></i> </div>
										</div>
										<div class="value">9,807</div>
										<div class="stat-name">Direct Entry</div>
										<div class="percent">(+44%)</div>
										<div class="progress-bar audience-progress">
											<div class="progress progress-dark-blue">
												<div class="bar" style="width: 44%"></div>
											</div>
										</div>
									</li>
									<li>
										<div class="icon">
											<div class="big-label gray text-inverse"> <i class="icon-facebook"></i> </div>
										</div>
										<div class="value">3,773</div>
										<div class="stat-name">Facebook</div>
										<div class="percent">(+12%)</div>
										<div class="progress-bar audience-progress">
											<div class="progress progress-dark-blue">
												<div class="bar" style="width: 12%"></div>
											</div>
										</div>
									</li>
									<li>
										<div class="icon">
											<div class="big-label gray text-inverse"> <i class="icon-twitter"></i> </div>
										</div>
										<div class="value">823</div>
										<div class="stat-name">Twitter</div>
										<div class="percent">(+78%)</div>
										<div class="progress-bar audience-progress">
											<div class="progress progress-dark-blue">
												<div class="bar" style="width: 78%"></div>
											</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<p> 
	</div>
</section>
